#main {
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    -ms-transition: opacity 1s;
    transition: opacity 1s
}

.swapping {
    opacity: 0.2
}

.button-group a,.button-group button,.button-group .button {
    -moz-border-radius: 0.35em;
    -webkit-border-radius: 0.35em;
    -khtml-border-radius: 0.35em;
    border-radius: 0.35em;
    background-color: #323940;
    background-image: linear-gradient(top, #64717d 25%, #414851 75%);
    background-image: -o-linear-gradient(top, #64717d 25%, #414851 75%);
    background-image: -moz-linear-gradient(top, #64717d 25%, #414851 75%);
    background-image: -webkit-linear-gradient(top, #64717d 25%, #414851 75%);
    background-image: -ms-linear-gradient(top, #64717d 25%, #414851 75%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #64717d), color-stop(0.75, #414851));
    -moz-box-shadow: 0px 2px 2px #272c32;
    -webkit-box-shadow: 0px 2px 2px #272c32;
    box-shadow: 0px 2px 2px #272c32
}

.button-group a:hover,.button-group button:hover,.button-group .button:hover {
    background-color: #101315;
    background-image: linear-gradient(top, #424b53 25%, #1f2227 75%);
    background-image: -o-linear-gradient(top, #424b53 25%, #1f2227 75%);
    background-image: -moz-linear-gradient(top, #424b53 25%, #1f2227 75%);
    background-image: -webkit-linear-gradient(top, #424b53 25%, #1f2227 75%);
    background-image: -ms-linear-gradient(top, #424b53 25%, #1f2227 75%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #424b53), color-stop(0.75, #1f2227))
}

.button-group .disabled a,.button-group button[disabled],.button-group .disabled.button {
    background-color: #bec5cc;
    background-image: linear-gradient(top, #fcfdfd 25%, #d1d5da 75%);
    background-image: -o-linear-gradient(top, #fcfdfd 25%, #d1d5da 75%);
    background-image: -moz-linear-gradient(top, #fcfdfd 25%, #d1d5da 75%);
    background-image: -webkit-linear-gradient(top, #fcfdfd 25%, #d1d5da 75%);
    background-image: -ms-linear-gradient(top, #fcfdfd 25%, #d1d5da 75%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #fcfdfd), color-stop(0.75, #d1d5da));
    -moz-box-shadow: 0px 1px 1px #b0b8c1;
    -webkit-box-shadow: 0px 1px 1px #b0b8c1;
    box-shadow: 0px 1px 1px #b0b8c1
}

.button-group .disabled a:hover,.button-group button[disabled]:hover,.button-group .disabled.button:hover {
    background-color: #bec5cc;
    background-image: linear-gradient(top, #fcfdfd 25%, #d1d5da 75%);
    background-image: -o-linear-gradient(top, #fcfdfd 25%, #d1d5da 75%);
    background-image: -moz-linear-gradient(top, #fcfdfd 25%, #d1d5da 75%);
    background-image: -webkit-linear-gradient(top, #fcfdfd 25%, #d1d5da 75%);
    background-image: -ms-linear-gradient(top, #fcfdfd 25%, #d1d5da 75%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.25, #fcfdfd), color-stop(0.75, #d1d5da))
}

.button-group .invert a,.button-group .invert button,.button-group .invert.button {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.widget dt {
    padding-left: 1.2em;
    background-image: url();background-repeat: no-repeat;
    background-position: center left
}

.widget.closed dt {
    background-image: url()
}

.widget.closed dd {
    display: none
}

.widget .button-group a {
    background-color: #323940;
    background-image: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
    form li.required,.flag {
        background-image: url();-webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }

    body>header h1 {
        background-image: url();-webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }

    .title li:first-child {
        background-image: url();-webkit-background-size: 25px 86px;
        background-size: 25px 86px
    }

    .title a {
        background-image: url();-webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }

    .breadcrumbs li:first-child {
        background-image: url();-webkit-background-size: 25px 86px;
        background-size: 25px 86px
    }

    div.flash p {
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }

    div.flash.alert p {
        background-image: url()
    }

    div.flash.notify p {
        background-image: url()
    }

    div.flash.confirm p {
        background-image: url()
    }

    dl.widget dt {
        background-image: url();-webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }

    dl.widget.closed dt {
        background-image: url()
    }

    ol.buttons span {
        -webkit-background-size: 16px 16px;
        background-size: 16px 16px
    }

    ol.buttons .add span {
        background-image: url()
    }

    ol.buttons .false span {
        background-image: url()
    }

    dl.widget.fillup tr td:last-child,dl.widget.reminder tr td:last-child {
        background-image: url();-webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }

    body>footer p.switch a {
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }

    .false span {
        background-image: url()
    }

    .false.invert span {
        background-image: url()
    }

    .false.disabled span {
        background-image: url()
    }

    .add span {
        background-image: url()
    }

    .add.invert span {
        background-image: url()
    }

    .add.disabled span {
        background-image: url()
    }

    .back span {
        background-image: url()
    }

    .back.invert span {
        background-image: url()
    }

    .back.disabled span {
        background-image: url()
    }

    .next span {
        background-image: url()
    }

    .next.invert span {
        background-image: url()
    }

    .next.disabled span {
        background-image: url()
    }

    .refresh span {
        background-image: url()
    }

    .refresh.invert span {
        background-image: url()
    }

    .refresh.disabled span {
        background-image: url()
    }

    .widget dt {
        background-image: url()
    }

    .widget.closed dt {
        background-image: url()
    }

    .widget .button-group a.flag {
        background-image: url()
    }

    body>footer p.switch a {
        background-image: url()
    }

    body>footer p.switch.mobile a {
        background-image: url()
    }
}
